{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% from "macros-protocol.html" import picto with context %}

<div class="mzp-l-content mzp-l-columns mzp-t-columns-two mzp-t-picto-side">
  {% call picto(
    title=ftl('firefox-developer-speak-up'),
    body=True,
    image=resp_img(
      url='img/firefox/developer/icon-speak.svg',
      optional_attributes={
        'class': 'mzp-c-picto-image',
        'width': '64',
        'loading': 'lazy'
      }
    ),
  ) %}
    <p>{{ ftl('firefox-developer-feedback-makes-us') }}</p>
    <p><a class="mzp-c-cta-link" href="https://discourse.mozilla.org/c/devtools">{{ ftl('firefox-developer-join-the-convo') }}</a></p>
  {% endcall %}
  {% call picto(
    title=ftl('firefox-developer-get-involved'),
    body=True,
    image=resp_img(
      url='img/firefox/developer/icon-involved.svg',
      optional_attributes={
        'class': 'mzp-c-picto-image',
        'width': '64',
        'loading': 'lazy'
      }
    ),
  ) %}
    <p>{{ ftl('firefox-developer-help-build-the-last') }}</p>
    <p><a class="mzp-c-cta-link" href="https://firefox-dev.tools/">{{ ftl('firefox-developer-start-now') }}</a></p>
  {% endcall %}
</div>
